<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度一下，你就知道</title>
<link rel="icon" href="../img/baidutubiao.jpg" width="20px;" height="20px" type="image/x-icon"/>
    <style type="text/css">
        *{
            margin: 0;
            padding: 0;
            font-family:Arial;
        }
      .bb a{
          font-size: 13px;
          float: right;
          width: 50px;
          color: black;
      }

        .f-w{
            font-weight:bold;
        }
      .aaa a{
            color: #999999;
          font-size: 12px;

        }
    </style>
</head>
<body>
<div style=" margin: 0 auto;">
    <div class="bb" style="height: 50px; margin: 0 auto;line-height: 50px;width: 800px;float: right;">
        <button style="float: right;margin-top: 12px;margin-right: 8px;width: 62px;height: 24px;background-color:#3385ff;border:none;color: white">更多产品</button>
        <a href="#">设置</a>
        <a href="#">登录</a>
        <a href="#" class="f-w">贴吧</a>
        <a href="#" class="f-w">视频</a>
        <a href="#" class="f-w">地图</a>
        <a href="#" class="f-w">hao123</a>
        <a href="#" class="f-w">新闻</a>
        <a href="#" class="f-w">糯米</a>

    </div>

    <div style="height: 135px; margin: 0 auto;text-align: center;clear: both;"><img src="../img/logo1.png" style="width: 274px;height:132px;"></div>
    <div style="height: 100px; margin: 0 auto;">
    <div style="width:640px;height: 36px; border:1px solid #bfbfbf;margin: 0 auto; margin-top: 22px;">
        <input type="text" style="width:540px;height: 36px;border: none;background-image: url('../img/baiduxiangji.jpg');background-repeat: no-repeat;background-position:right;"/>
        <button style="float: right;width: 100px;height: 38px;background-color:#3385ff;border:none;color: white;font-size: 16px;margin-top: -1px;cursor: pointer;">百度一下</button></div>
    </div>
    <div style="height: 150px; margin: 0 auto;"></div>
    <div style="height: 82px; margin: 0 auto;text-align:center;"><img src="../img/erweima.jpg"></div>
    <div style="height: 20px; margin: 0 auto;"></div>

    <div class="aaa" style="height: 27px; margin: 0 auto; text-align: center;">
        <a href="#">把百度设为主页</a>　
        <a href="#">关于百度</a>　
        <a href="#">About Baidu</a>　
        <a href="#">百度推广</a>
    </div>
    <div class="aaa" style="height:30px; margin: 0 auto;color: #999999;
          font-size: 12px; text-align: center;">
      &copy;2017 Baidu
        <a href="#">使用百度前必读</a>
        <a href="#">意见反馈</a>
        京ICP证030173号<img src="../img/baidu1.jpg" style="position: absolute;top: 582px;">　　　
        <a href="#">京公网安备11000002000001号</a>  <img src="../img/baidu2.jpg" style="position: absolute;top: 582px;" >

    </div>
</div>
</body>
</html>